<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/icon-font.css">

    <title>FIQS评级</title>
    <style>

        .industry-fiqs-content {
            padding: 0 0.32rem 0.32rem 0.32rem;
        }

        .industry-fiqs-table {
            padding: 0 0.32rem;
            color: rgba(34, 34, 34, 0.6);
        }

        .industry-fiqs-tname {
            padding-bottom: 0.24rem;
            border-bottom: 1px solid #f6f6f6;
        }

        .industry-fiqs-item {
            border-bottom: 1px solid #f6f6f6;
            color: #222222;
        }

        .industry-fiqs-mc {
            width: 4rem;
        }

        .industry-fiqs-wb {
            width: 1.59rem;
        }

        .industry-fiqs-pj {
            width: 1.59rem;
        }

    </style>
</head>
<body>

<div class="flex-column h-100-p bg-white">
    <!--状态栏-->
    <div class="placeholder-top flex-column">
        <!--状态栏-->
        <div class="status-bar"></div>
        <!--标题栏-->
        <div class="nav-bar flex-row justify-content-between c-white align-items-center">
            <div class="left-bar" onclick="clickBack()">
                <span class="iconfont iconfanhui1 fs16"></span>
            </div>
            <div class="center-bar fs16 ff500 line1">FIQS评级</div>
            <div class="right-bar">
            </div>
        </div>
    </div>
    <div class="industry-fiqs-table fs12 mt10">
        <div class="industry-fiqs-tname  flex-row">
            <div class="ta-left industry-fiqs-mc">主体名称</div>
            <div class="ta-center industry-fiqs-wb">外部评级</div>
            <div class="ta-right industry-fiqs-pj">FIQS评级</div>
        </div>
    </div>
    <div class="flex-1 scoll-y  industry-topic-wrap">
        <div id="industry-fiqs-content" class="industry-fiqs-content">

        </div>
    </div>

</div>


</body>
<!--这四个文件的引入必须按照顺序-->
<script src="../../js/dict.js"></script>
<script src="../../js/jquery-3.4.1.min.js"></script>
<script src="../../js/checkJsBridge.js"></script>
<script src="../../js/utils.js"></script>
<script src="../../js/api.js"></script>
<!--这四个文件的引入必须按照顺序-->
<script src="../../js/template.js"></script>


<script>
  let pm = {
    code: ''
  }

  function initPage(params) {
    //状态栏自适应
    Utils.sbhAdaptive()
    pm.code = params.code
    queryCompanyRateList()
  }

  function reLoadPage(){
    queryCompanyRateList()
  }

  function queryCompanyRateList() {
    // FIQS评级
    Server.industryFiqs.queryCompanyRateList({
      topicCode: pm.code,
    }).then(function (data) {
      if (data.data && data.data.length > 0) {
        let htmlStr = ''
        data.data.forEach(function (item, index) {
          if (index > 0) {
            htmlStr += ` <div class="industry-fiqs-item flex-row fs12 pt10 pb10">
                <div class="ta-left fs13 industry-fiqs-mc">${item.companyName ? item.companyName : '-'}</div>
                <div class="ta-center industry-fiqs-wb">${item.originatorRating ? item.originatorRating : '-'}</div>
                <div class="ta-right industry-fiqs-pj">${item.jdRating ? item.jdRating : '-'}</div>
            </div>`
          }
        })
        $('.industry-fiqs-content').html(htmlStr)
      }
    })

  }

</script>
</html>
